<template>
	<view class='purchase-agreement-pop'>
		<u-popup :show="popupShow" mode="center" :mask-click="false" :round="4">

			<view class="popupView">
				<view class="pop-content">
					<view class="pop-text10">摩托车购买协议</view>
					<view style=" height: calc(100% - 40px);">
						<scroll-view class="pop-scroll" :scroll-y="true" show-scrollbar="true" style="height:100%">
							<view>
								<view class="pop-text1">
									<text class="before1">
										本《摩托车购买协议》（以下简称“本协议”），由您与重庆派方摩托车有限公司或其关联公司（以下简称“派方”）通过线上方式签署，当您勾选阅读本协议并在本软件上下单填写您的信息并支付定金后，即表示您与派方签订本协议。
									</text>
								</view>
								<view class="pop-purchase-title">
									1、摩托车购买
								</view>
								<view class="pop-purchase-content">
									派方将收集您在下单时候填写的信息，作为您购买的摩托车的基本信息。具体包含您的信息：购买者名称、联系电话、上牌城市；订单信息：订单号码、车辆规格型号、配置、定金、尾款。派方在处理您的订单时候将按照您填写的信息联系您和交车。
								</view>
								<view class="pop-purchase-title">
									2、价格及支付方式
								</view>
								<view class="pop-purchase-content">
									您在下单（签署本协议）时通过本APP的支付途径线上向派方支付
									<text
										style="font-weight: 600;border-bottom: 1px solid #3a3a3a;padding:0 5px 0px 5px">
										1000</text>
									元定金。支付成功后，在订单状态显示已入库后
									<text
										style="font-weight: 600;border-bottom: 1px solid #3a3a3a;padding:0 10px 0px 10px">
										7 </text>

									个日历日内支付尾款，尾款支付完成后派方发货至门店，由门店负责您线下提车事宜。请您注意，在订单状态显示“订单已审批”前您可以无责取消订单，派方退还定金；在订单状态显示“订单已审批”及以后的状态，您取消订单，派方将不退您的定金。

								</view>
								<view class="pop-purchase-title">
									3、车辆交付
								</view>
								<view class="pop-purchase-content">
									您在“派方机车”APP下订单，您可以在“我的－订单”中看到您预定车辆的订单状态信息（顺序为：订单审批中、订单已审批、计划生产、生产中、已入库、已发货、已到店、待评价、已完成）。当您尾款支付完毕，派方的终端运营商门店会通过电话预约或者您主动约定的方式与您确认取货门店。当您到达门店对车辆的规格型号、颜色、随车配件、说明书、发票等信息确认完毕，并对车辆验收后，办理好手续，门店将车辆以及随车配件、合格证、车辆保修保养手册、发票等交付给您，并签署新车交付确认书。
								</view>

								<view class="pop-purchase-title">
									4、三包服务
								</view>
								<view class="pop-purchase-content">
									按照随车配备的保修保养手册中的《车辆三包服务内容》规定的三包期限执行，值得注意的是，车辆的维修零部件不同，三包内容及三包期限均不同。
								</view>

								<view class="pop-purchase-title">
									5、违约责任
								</view>
								<view class="pop-purchase-content">
									5.1因您在下单后因为自身原因导致无法按时提车，或者需要延时提车，您应当及时更改提车时间；若您在派方机车APP
									内订单状态内提示您需支付尾款后7个日历日内您未支付尾款，派方有权收取您的库存费，或单方取消您的订单，您的定金将不予退还。
								</view>

								<view class="pop-purchase-content">
									5.2若在您支付尾款后，因为您自身原因（非质量问题），您未在约定提车时间后一个月内提车，派方有权收取您的库存费，并有权取消您的订单，且不退还您的全部车款。
								</view>

								<view class="pop-purchase-content">
									5.3车辆在验收时出现质量问题，派方在约定期限内给您更换新车；若在质保期内出现质量问题，派方给与三包服务，若是在质保期内因自身操作不当、自然因素等导致摔坏，派方不提供三包服务，但按照售后要求给您维修更换配件等。
								</view>
								<view class="pop-purchase-title">
									6、信息收集
								</view>
								<view class="pop-purchase-content">
									派方在本APP内向您提供销售、支付、售后等服务，请您知悉，派方及其关联公司以及相关门店、经销商可能需要根据相关法律法规及《“派方机车”应用软件隐私政策》的规定，收集、采用您相关的个人信息。
								</view>

								<view class="pop-purchase-title">
									7、售后服务
								</view>
								<view class="pop-purchase-content">
									若您需要售后服务，您可以通过本APP爱车板块按照提示提交您的需求，然后到指定维修点进行维修，或者您直接到售后维修点进行售后。
								</view>

								<view class="pop-purchase-title">
									8、适用法律
								</view>
								<view class="pop-purchase-content">
									本协议应受中华人民共和国法律管辖并据其进行解释。因本协议引起的以及与本协议有关的一切争议，首先应由双方通过友好协商解决。
									如果双方未能通过协商解决该等争议，则任何一方有权向重庆派方摩托车有限公司所在地有管辖权的人民法院提起诉讼。
								</view>

								<view class="pop-purchase-title">
									9、协议生效
								</view>
								<view class="pop-purchase-content">
									本协议的所有附件构成本协议不可分割的一部分。本协议经双方签署并在派方收到您支付的定金后立即生效。
								</view>





								<view v-if="seconds<=0" class="closeBtn" @click="closeBtn">关闭</view>
								<view v-else class="waitBtn">{{seconds}}s</view>

							</view>


						</scroll-view>
					</view>
				</view>
			</view>

		</u-popup>
	</view>
</template>

<script>
	const app = getApp();
	const util = require("@utils/util.js");
	const network = require("@manager/network-manager.js");
	const dialog = require("@utils/dialog.js");
	export default {
		name: "purchase-agreement-pop",
		options: {
			styleIsolation: 'shared'
		},
		props: {
			popupShow: {
				type: Boolean,
				default: () => {

					return false

				}
			},
			notTimer: {
				type: Boolean,
				default: () => {

					return false

				}
			},

		},
		data() {
			return {
				seconds: 10,
			};
		},
		mounted() {
			if (this.notTimer) this.seconds = 0
		},
		methods: {
			// onChange: function(e) {
			// 	this.seconds = e.seconds
			// },
			closeBtn: function() {
				// this.$refs.countDown.reset();
				this.$emit("closePop")
			},

			timer: function() {
				var that = this
				that.seconds = 10
				var timer = setInterval(function() {
					that.seconds--

					if (that.seconds < 0) {
						clearInterval(timer)
					}
				}, 1000)

			}

		}
	}
</script>

<style lang='scss' scoped>
	.popupView {
		width: calc(100vw - 32px);
		height: calc(100vh - 152px);
	}

	.pop-content {
		width: calc(100% - 40px);
		height: calc(100% - 40px);
		margin: 20px;
		display: flex;
		flex-direction: column;

	}

	.pop-scroll /deep/ ::-webkit-scrollbar {
		/*滚动条整体样式*/
		width: 8px !important;
		height: 1px !important;
		overflow: auto !important;
		background: rgba(0, 0, 0, 0.2) !important;
		-webkit-appearance: auto !important;
		display: block;
	}

	.pop-scroll /deep/ ::-webkit-scrollbar-thumb {
		/*滚动条里面小方块*/
		border-radius: 10px !important;
		box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2) !important;
		background: rgba(0, 0, 0, 0.2) !important;

	}

	.pop-scroll /deep/ ::-webkit-scrollbar-track {
		/*滚动条里面轨道*/
		background: #FFFFFF !important;
	}

	.closeBtn {
		width: 100%;
		height: 42px;
		line-height: 42px;
		color: #ffffff;
		border-radius: 2px;
		font-size: 16px;
		text-align: center;
		background: #EA5404;
		border: 1px solid #EA5404;
		box-sizing: border-box;
		margin-top: 20px;
	}

	.waitBtn {
		width: 100%;
		height: 42px;
		line-height: 42px;
		color: #ADB0AE;
		border-radius: 2px;
		font-size: 16px;
		text-align: center;
		background: #EDEDED;
		border: 1px solid #EDEDED;
		box-sizing: border-box;
		margin-top: 20px;
	}

	.pop-text1 {
		font-style: normal;
		font-weight: 400;
		font-size: 26rpx;
		line-height: 40rpx;
		color: #3D3A3A;
	}

	.pop-purchase-title {
		font-weight: 600;
		font-size: 32rpx;
		line-height: 40rpx;
		color: #3D3A3A;
		margin-top: 8rpx;
		margin-bottom: 8rpx;
	}

	.pop-purchase-title-noimportent {
		font-weight: 400;
		font-size: 32rpx;
		line-height: 40rpx;
		color: #3D3A3A;
		margin-top: 8rpx;
		margin-bottom: 8rpx;
	}

	.pop-purchase-content {
		font-weight: 400;
		font-size: 26rpx;
		line-height: 40rpx;
		color: #3D3A3A;
	}

	.pop-text10 {
		font-weight: 600;
		font-size: 40rpx;
		line-height: 50rpx;
		display: flex;
		color: #3D3A3A;
		margin-bottom: 15px;
	}

	.pop-scroll.pop-text11 {
		height: 50rpx;
		line-height: 50rpx;
		margin-right: 48rpx;
		color: #BCBDBE;
		border-radius: 2px;
		font-size: 12px;
		text-align: center;
		background: #EDEDED;
		border: 1px solid #EDEDED;
		box-sizing: border-box;
		width: 80px;
	}

	.before:before {
		content: "  ";
		white-space: pre;

	}


	.before1:before {
		content: "     ";
		white-space: pre;

	}
</style>
